<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			li{
				width: 300px;
				height: 50px;
				border: 1px solid #EC2E29;
				margin-bottom: 20px;
			}
			
			
		</style>
	</head>
	<body>
		<ul>
			<li>嘿，老弟！！</li>
			<li>嘿，老弟！！</li>
			<li>嘿，老弟！！</li>
			<li>嘿，老弟！！</li>
		</ul>
		
	<script>
		var  oul=document.querySelector("ul");
		
		oul.onclick=function(e){
			var e=e||window.event;
			//绑定的事件元素对象
			//console.log(this);
			console.log(e.target); //具体的触发事件的目标元素
			e.target.style.background="pink";
		}
		
		
	</script>	
		
	</body>
</html>
